.commentItem{
  display: flex;
  .avatar{
    width:48px;
    height:48px;
    border-radius:50%;
    margin-right:16px;
  }
  .rank{
    &:before{
      content: "";
      position: absolute;
      width: 5px;
      height: 5px;
      top: 50%;
      margin-top: -2.5px;
      left: 0;
      border-radius: 3px;
      background: #fff;
    }
    &:after{
      content: "";
      position: absolute;
      width: 8px;
      height: 4px;
      top: 50%;
      margin-top: -2px;
      left: -4px;
      border-radius: 2px;
      background: #ffae00;
    }
    background:#5961f9;
    font-size: 12px;
    color:#fff;
    padding:1px 8px;
    margin:0 4px;
    border-radius:6px,
  }
}
